<template>
	<view class="content">
		<view class="avatorWrapper">
			<view class="avator">
				<image class="img" src="../../static/杨洋.jpg" mode="widthFix"></image>
			</view>
		</view>
		<view class="form">
			<view class="we">
				<image class="img" src="../../static/关于.png" mode="widthFix" style="height:20px ;width: 20px;margin-bottom: -5px;">
					关于我们
				</image>
				<image class="arrow" src="../../static/左箭头(1).png" mode="widthFix" style="height:20px ;width: 20px;margin-bottom: -5px;">
				</image>
			</view>
			<view class="we">
				<image class="img" src="../../static/退出.png" mode="widthFix" style="height:20px ;width: 20px;margin-bottom: -5px;">
					退出登录
				</image>
				<image class="arrow" src="../../static/左箭头(1).png" mode="widthFix" style="height:20px ;width: 20px;margin-bottom: -5px;">
				</image>
			</view>
			<view class="we">
				<image class="img" src="../../static/意见反馈.png" mode="widthFix" style="height:20px ;width: 20px;margin-bottom: -5px;">
					意见反馈
				</image>
				<image class="arrow" src="../../static/左箭头(1).png" mode="widthFix" style="height:20px ;width: 20px;margin-bottom: -5px;">
				</image>
			</view>
		</view>
		<view class="slogan">
			版权归属：小扒博客
		</view>
	</view>
</template>

<script>

</script>

<style>
	.content {
		background: #ffffff;
		width: 100vw;
		height: 100vh;
	}

	.avatorWrapper {
		height: 30vh;
		width: 100vw;
		display: flex;
		justify-content: center;
		align-items: flex-end;
	}

	.avator {
		width: 200upx;
		height: 200upx;
		overflow: hidden;
	}

	.avator .img {
		width: 100%
	}

	.form {
		margin-top: 80px;
		width: 100%;
	}

	.we {
		border-bottom: #adadad 1px solid;
		height: 40px;
		margin-top: 20px;
		width: 100%;
	}

	.img {
		padding-left: 10px;
	}

	.arrow {
		padding-left: 250px;
	}

	.slogan {
		text-align: center;
		margin-top: 200px;
	}
</style>
